@import url(../../assets/css/normalize.css);
@import url(../../assets/css/common.css);

html,
body {
  width: 100%;
  height: 100%;

  .back-img {
    float: left;
    width: 65%;
    height: 100%;
    background-color: #1ca8ef;
    line-height: 100%;
    position: relative;
    img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .loginbox {
    height: 100%;
    width: 35%;
    float: right;
    position: relative;
    .loginform {
      width: 360px;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      cursor: pointer;
      .login-menu p{
       margin: 20px 60px;
      }
      .login-menu span{
        margin: 20px 0px;
      }
      .active{
        color: #1ca8ef;
      }
      
      .input-box{
        height: 0px;
        overflow: hidden;
      }

     

      .input-box p{
        margin:10px;
        height: 40px;
        line-height: 40px;
        position: relative;
        box-sizing: border-box;
        width: 340px;
        span{
          display: inline-block;
          position: absolute;
          width: 26px;
          height: 30px;
          top:4px;
          background: url(../../assets/imgs/loginIcon.png) center no-repeat;
        }
        .s{
          background-position: -55px 0px;
        }
        .x{
          background-position: -26px 0px;
        }
        input{
          width: 80%;
          height: 30px;
          padding: 2px  30px;
          border: none;
          border-bottom: 1px solid #ccc;
        }
        
      }
      .forget{
        padding-left: 274px;
        color: #1ca8ef;
        right: 0px;
      }
      .loginbtn{
        width: 340px;
        height: 40px;
        background-color: #1ca8ef;
        color:white;
      }
      .pcolor{
        color: #909090;
        padding-left: 170px;
        .reg{
          margin-left: 4px;
          color: #1ca8ef;
        }
      }
      
      .sm{
        height: 0px;
        overflow: hidden;
      }

      .show{
        height: 260px;
      }
      .box{
        width: 100%;
        height: 260px;
        background-color: #eee;
        p{
          margin-top: 10px;
        }
        img{
          width: 120px;
          padding-top: 40px;
        }
      }
      .right{
        margin-top: 10px;
        color: #909090;
        a{
          color: #1ca8ef;
        }
      }
    }
  }
}
